<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../../base/plugins/layui-v2.4.3/layui/css/layui.css" />
		<title>用户管理</title>
	</head>
	<style type="text/css">/
		body{overflow：hidden}
		.user-top{
			/*border: 1px solid lawngreen;*/
			margin: 20px 20px 20px 20px;
		}
		.user-top div{
			/*border: 1px solid lawngreen;*/
		}
		
	</style>
	<body>
		<!--
        	作者：刘琳琳
        	时间：2018-09-18
        	描述：用户管理
		-->
		
		<blockquote class="site-text layui-elem-quote">
		   	<h3>用户列表管理</h3>
		</blockquote>
		<div class="user-top">
			<div class="layui-row">
				<div class="layui-col-md5">
					<a href="#" class="layui-btn layui-btn-sm addUser">添加用户</a>
					<a href="#" class="layui-btn layui-btn-sm layui-btn-danger">批量删除</a>
					<a href="#" class="layui-btn layui-btn-sm">下载导入模板</a>
					<a href="#" class="layui-btn layui-btn-sm">导入</a>
					<a href="#" class="layui-btn layui-btn-sm">导出</a>
				</div>
				<div class="layui-col-md6">
					<label>账号：</label>
					<div class="layui-input-inline">
						<input type="text" name="account" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
					</div>
					<label>姓名：</label>
					<div class="layui-input-inline">
						<input type="text" name="name" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
					</div>
					<a href="" class="layui-btn layui-btn-sm">搜索</a>
				</div>
			</div>
				
			<form class="layui-form" action="#" >
				<table class="layui-table" lay-size="sm">
					<colgroup>
					    <col width="50">
					    <col width="100">
					    <col width="100">
					    <col width="100">
					    <col width="100">
					    <col width="100">
					    <col width="100">
					    <col width="180">
					</colgroup>
				  <thead>
				    <tr>
				      	<th><input type="checkbox" lay-skin="primary"></th>
						<th>账号</th>
						<th>姓名</th>
						<th>手机号码</th>
						<th>籍贯</th>
						<th>出生日期</th>
						<th>账号是否启用</th>
						<th>操作</th>
				    </tr> 
				  </thead>
				  <tbody>
				    <tr>
				      		<td><input type="checkbox" lay-skin="primary"></td>
							<td>zhangsan</td>
							<td>张三</td>
							<td>18868</td>
							<td>湖南</td>
							<td>2004-08-28</td>
							<td><input type="checkbox" name="" lay-skin="switch"></td>
							<td>
								<a href="#" class="layui-btn layui-btn-sm updateUser">编辑</a>
								<a href="" class="layui-btn layui-btn-sm">重置密码</a>
								<a href="" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
							</td>
				    </tr>
				    <tr>
				      		<td><input type="checkbox" lay-skin="primary"></td>
							<td>zhangsan</td>
							<td>张三</td>
							<td>18868</td>
							<td>湖南</td>
							<td>2004-08-28</td>
							<td><input type="checkbox" name="xxx" lay-skin="switch"></td>
							<td>
								<a href="#" class="layui-btn layui-btn-sm updateUser">编辑</a>
								<a href="#" class="layui-btn layui-btn-sm">重置密码</a>
								<a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
							</td>
				    </tr>
				    <tr>
				      		<td><input type="checkbox" lay-skin="primary"></td>
							<td>zhangsan</td>
							<td>张三</td>
							<td>18868</td>
							<td>湖南</td>
							<td>2004-08-28</td>
							<td><input type="checkbox" name="xxx" lay-skin="switch"></td>
							<td>
								<a href="#" class="layui-btn layui-btn-sm updateUser">编辑</a>
								<a href="#" class="layui-btn layui-btn-sm">重置密码</a>
								<a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
							</td>
				    </tr>
				    <tr>
				      		<td><input type="checkbox" lay-skin="primary"></td>
							<td>zhangsan</td>
							<td>张三</td>
							<td>18868</td>
							<td>湖南</td>
							<td>2004-08-28</td>
							<td><input type="checkbox" name="xxx" lay-skin="switch"></td>
							<td>
								<a href="#" class="layui-btn layui-btn-sm updateUser">编辑</a>
								<a href="#" class="layui-btn layui-btn-sm">重置密码</a>
								<a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
							</td>
				    </tr>
				    <tr>
				      		<td><input type="checkbox" lay-skin="primary"></td>
							<td>zhangsan</td>
							<td>张三</td>
							<td>18868</td>
							<td>湖南</td>
							<td>2004-08-28</td>
							<td><input type="checkbox" name="xxx" lay-skin="switch"></td>
							<td>
								<a href="#" class="layui-btn layui-btn-sm updateUser">编辑</a>
								<a href="#" class="layui-btn layui-btn-sm">重置密码</a>
								<a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
							</td>
				    </tr>
				  </tbody>
				</table>
			</form>
				
				<div class="list_footer">
					<div class="layui-box layui-laypage layui-laypage-default">
						<a class="layui-laypage-prev layui-disabled"><</a>
						<span class="layui-laypage-curr">
							<em class="layui-laypage-em"></em>
							<em>1</em>
						</span>
						<a class="layui-laypage-prev layui-disabled">></a>
					</div>
				</div>
			</div>
		<script type="text/javascript" src="../../../base/js/jquery-1.11.3.min.js" ></script>
		 <script type="text/javascript" src="../../../base/plugins/layui-v2.4.3/layui/layui.js" ></script>
		 <script type="text/javascript">
			layui.use(['form','element'], function(){
			  var form = layui.form;
		 	  form.render();
		 	  
			  var element = layui.element;
			  
			  $(".addUser").click(function(){
			  	layer.open({
				  type: 2,
				  title: '新增用户信息',
				  shadeClose:true,
				  shade:0.8,
				  area: ['70%', '90%'],
				  content: 'addUser.html'
				});
				});
				
				$(".updateUser").click(function(){
				  	layer.open({
					  type: 2,
					  title: '修改用户信息',
					  shadeClose:true,
					  shade:0.8,
					  area: ['70%', '90%'],
					  content: 'updateUser.html'
					});
				});
			});
		</script>
	</body>
</html>
